<template>
    <div class="namecertification">
        <Top title="实名认证" iconShow="1">
            <span slot="icon">
                <span class="submit">提交</span>
            </span>
        </Top>
        <div class="namecertification-content">
            <div>
                <span>姓名</span>
                <input placeholder="请输入真实姓名" />
            </div>
            <div>
                <span>手机号码</span>
                <input placeholder="请输入常用手机号" />
            </div>
            <div>
                <span>身份证号</span>
                <input placeholder="请输入身份证号码" />
            </div>
        </div>
    </div>
</template>
<script>
import Top from '../../../../components/Header'
export default {
    name: "namecertification",
    components: {
        Top
    },
    data() {
        return {

        }
    }
}
</script>
<style lang="scss" scoped>
.namecertification {
    &-content {
        margin-top: 1.47rem;
        box-sizing: border-box;
        padding: 0 0.4rem;
        div {
            display: flex;
            text-align: left;
            height: 1.33rem;
            line-height: 1.33rem;
            background: #fff;
            margin-top: 0.27rem;
            border-radius: 0.12rem;
            overflow: hidden;
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
            span {
                flex: 3;
                box-sizing: border-box;
                padding: 0 0 0 0.4rem;
                font-size: 0.4rem;
            }
            input {
                flex: 9;
                border: none;
                outline: none;
                line-height: 0.5rem;
                height: 1.33rem;
                box-sizing: border-box;
                padding-right: 0.4rem;
            }
        }
    }
}
</style>


